<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title></title>
    <link rel="stylesheet" href="./css/common.css" />
    <link rel="stylesheet" href="./css/cate.css" />
  </head>
  <body>
    <div class="container">
      <div class="header">
        <div class="lt"></div>
        <div class="ct">分类</div>
        <div class="rt"></div>
      </div>
      <div class="search">
        <a href="./search.html" class="input">
          <img class="icon" />
          <span class="txt">商品搜索, 共款好物</span>
        </a>
      </div>
      <div class="catalog">
        <div class="nav" scroll-y="true"></div>
        <div class="cate" scroll-y="true">
          <a href="url" class="banner">
            <img class="image" src="./static/demo/banner_url.jpg" />
            <div class="txt">一个可爱的描述</div>
          </a>
          <div class="hd">
            <span class="line"></span>
            <span class="txt">xxx分类</span>
            <span class="line"></span>
          </div>
          <div class="bd">
            <a href="./category.html" class="item">
              <img class="icon" src="./static/demo/idx-brand.jpg" />
              <span class="txt">子分类1</span>
            </a>
            <a href="./category.html" class="item">
              <img class="icon" src="./static/demo/idx-brand.jpg" />
              <span class="txt">子分类2</span>
            </a>
            <a href="./category.html" class="item last">
              <img class="icon" src="./static/demo/idx-brand.jpg" />
              <span class="txt">子分类3</span>
            </a>
          </div>
        </div>
      </div>
      <!-- 底部TabBar区域 -->
      <div class="tab-bar" style="position: fixed; width: 100%">
        <a href="index.html">
          <img src="./static/images/ic_menu_choice_nor.png" alt="" />
          <!-- <img src="./static/images/ic_menu_choice_pressed.png" alt=""> -->
          <span>首页</span>
        </a>
        <a href="topic.html">
          <img src="./static/images/ic_menu_topic_nor.png" alt="" />
          <!-- <img src="./static/images/ic_menu_topic_pressed.png" alt=""> -->
          <span>专题</span>
        </a>
        <a href="cate.html" class="active">
          <!-- <img src="./static/images/ic_menu_sort_nor.png" alt=""> -->
          <img src="./static/images/ic_menu_sort_pressed.png" alt="" />
          <span>分类</span>
        </a>
        <a href="cart.html">
          <img src="./static/images/ic_menu_shoping_nor.png" alt="" />
          <!-- <img src="./static/images/ic_menu_shoping_pressed.png" alt=""> -->
          <span>购物车</span>
        </a>
        <a href="user.html">
          <img src="./static/images/ic_menu_me_nor.png" alt="" />
          <!-- <img src="./static/images/ic_menu_me_pressed.png" alt=""> -->
          <span>我的</span>
        </a>
      </div>
    </div>

    <!-- 分类/导航部分模板 -->
    <script type="text/html" id="tpl-nav">
      {{ each data.categoryList }}
      <div
        class="item {{ $value.id===data.currentCategory.id ? 'active' : '' }}"
        data-cateid="{{$value.id}}"
      >
        {{ $value.name }}
      </div>
      {{ /each }}
    </script>

    <script type="text/html" id="tpl-subcate">
      {{ each subCategoryList }}
      <a
        href="./category.html?categoryId={{$value.id}}"
        class="item"
        data-subcateid="{{ $value.id }}"
      >
        <img class="icon" src="{{ $value.banner_url }}" />
        <span class="txt">{{ $value.name }}</span>
      </a>
      {{ /each }}
    </script>

    <script src="./js/jquery.js"></script>
    <script src="./js/template-web.js"></script>
    <script src="./js/chengxianchao/axios.min.js"></script>
    <script src="./js/chengxianchao/baseApi.js"></script>
    <script src="./js/chengxianchao/cate.js"></script>
  </body>
</html>
